video,embed{
    object-fit: cover;
}
.vcp-player{
    overflow: hidden;
}

/*视频直播css修改*/
#video-train{
    position: relative;
    overflow: hidden;
    border: 1px solid #d4d4d4;
    background: #000;
}
.vcp-player{
    position: absolute!important;
    top: 0!important;
    left: 50%!important;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.vcp-slider .vcp-slider-track{
    background-color: #28d2b5!important;
}
.vcp-slider .vcp-slider-thumb{
    background-color: #28d2b5!important;

}

.vcp-playtoggle{
    background-image: url(/index/img/icon-play.png)!important;
    background-position: center center;
}
.vcp-playing .vcp-playtoggle{
    background-image: url(/index/img/icon-pause.png)!important;
    background-position: center center;
}

/*隐藏错误信息提示*/
.vcp-error-tips{
    display: none!important;
}
/*隐藏放大按钮*/
.vcp-fullscreen-toggle{
    background-image: url('/index/img/icon-expand.png')!important;
    background-repeat: no-repeat;
}
.vcp-fullscreen .vcp-fullscreen-toggle{
    background-image: url('/index/img/icon-compress.png')!important;
    background-repeat: no-repeat;
}
.tips-wrap{
    width: 296px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    /*background: rgba(234, 234, 234, 0.4);*/
    background: rgba(0,0,0,0.7);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    z-index: 1;
    display: none;
}
/*播放时间*/
.vcp-timelabel{
    height: 4em!important;
    line-height: 4em!important;
    font-size: 12px!important;
    letter-spacing: 1px;

}

.vcp-volume-icon{
    display: none!important;
}

/*覆盖*/
.vcp-volume{
    cursor: default;
}
.vcp-volume:hover .vcp-volume-bg, .vcp-volume:hover .vcp-slider-vertical{
    display: none!important;
}
/*#video-train .am-icon-expand{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    z-index: 1;
}*/


/*end live*/
.playback-tips-wrap{
    position: relative;
    height: 100%;
    overflow: hidden;
    background: #fff;
}
.playback-tips-wrap .back-tips-text h1{
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -16px;
    font-size: 16px;
}

.playback-tips-wrap p.teach{
    text-align: center;
}
.playback-tips-wrap h3{
    text-align: center;
    margin: 180px auto 20px;
    font-weight: 200;
    font-size: 24px;
}
.playback-tips-wrap img{
    width: 80px;
    height: 80px;
    border: 1px solid #bbb;
    border-radius: 50%;
    display: block;
    margin: 80px auto 20px;
}
.playback-tips-wrap .back-info-wrap{
    display: flex;
    display: -webkit-flex;
}
.playback-tips-wrap .back-info-wrap div.item{
    flex:1;
    -webkit-flex:1;
    width: 80px;
    height: 80px;
}
.playback-tips-wrap .back-info-wrap div.item p.title{
    font-size: 14px;
    text-align: center;
}
.playback-tips-wrap .back-info-wrap div.item p.content{
    font-size: 18px;
    font-family: 'Arial';
    text-align: center;
    margin: 20px 0 8px;
}



















